.main {
  border-bottom: solid 1px #dee2e6;
}
.main article {
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
  background-color: white;
  margin: 70px auto;
}
.main article .article-header {
  height: 95px;
  padding: 15px;
  border-bottom: solid 1px #dee2e6;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
}
.main article .article-header h1 {
  font-size: 18px;
  font-weight: 700;
  color: #999;
}
.main article .article-header p {
  color: #999;
  margin-top: 8px;
}
.main article .article-body {
  padding: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main article .article-body .article-body-seation {
  width: 334.83px;
  box-sizing: content-box;
  border: solid 1px #dee2e6;
  margin-bottom: 10px;
}
.main article .article-body .article-body-seation .pic img {
  width: 334.83px;
}
.main article .article-body .article-body-seation .seation-title {
  border-top: solid 1px #dee2e6;
}
.main article .article-body .article-body-seation .seation-title p {
  color: #999;
  text-align: center;
  padding: 20px;
}
